<template>
    <div id="app" class="agreement-page">
        <scroll-fixed v-if="!isApp">
            <page-bar>
                <div slot="middle" class="header-middle">第三方内容条款</div>
                <div slot="right"></div>
            </page-bar>
        </scroll-fixed>
        <section class="color3">
            <p class="f28 mb25">泛亚资讯所提供的内容、服务、所有权以及运营权均归泛亚资讯所有。如您浏览、访问或使用本移动客户端或本网站所提供的服务、产品或信息，即表示您自愿接受本服务协议的全部条款以及内容，并同意接受泛亚资讯为您提供的服务。</p>
            <p class="f28 mb25">当您选择频道，即表示您接受我们为您推荐来自第三方网站的内容，各个频道主要第三方内容明细见下文。</p>
            <p class="f28 mb25">如您对本服务协议的任务内容存在异议，请立即停止访问本网站并停止使用泛亚资讯提供的相关服务。请您详细阅读本协议的全部内容</p>
            <p class="f28">泛亚资讯各个频道可能包含的第三方内容明示：</p>
            <table>
                <tr>
                    <th>主要来源</th>
                    <th>主要来源</th>
                </tr>
                <tr>
                    <td>新京报</td>
                    <td>GQ</td>
                </tr>
                <tr>
                    <td>W德国之声</td>
                    <td>香港01</td>
                </tr>
                <tr>
                    <td>韩联社国际新闻</td>
                    <td>ampaign中國</td>
                </tr>
                <tr>
                    <td>搜狐新闻</td>
                    <td>中奢網</td>
                </tr>
                <tr>
                    <td>端传媒</td>
                    <td>時尚商業網</td>
                </tr>
                <tr>
                    <td>台湾中央社</td>
                    <td>自由时报流行时尚</td>
                </tr>
                <tr>
                    <td>环球网</td>
                    <td>搜狐时尚</td>
                </tr>
                <tr>
                    <td>柬华日报</td>
                    <td>界面新闻珠宝与腕表</td>
                </tr>
                <tr>
                    <td>柬中时报</td>
                    <td>腕表之家</td>
                </tr>
                <tr>
                    <td>柬单网</td>
                    <td>搜狐美食</td>
                </tr>
                <tr>
                    <td>缅甸在线</td>
                    <td>新浪美食博客</td>
                </tr>
                <tr>
                    <td>缅甸中文网</td>
                    <td>kyscanner</td>
                </tr>
                <tr>
                    <td>缅华网</td>
                    <td>美食庭看厅</td>
                </tr>
                <tr>
                    <td>缅甸金凤凰报</td>
                    <td>美国中文网</td>
                </tr>
                <tr>
                    <td>人民报网</td>
                    <td>澎湃新闻生活</td>
                </tr>
                <tr>
                    <td>越南通讯社</td>
                    <td>界面新闻美食与美酒</td>
                </tr>
                <tr>
                    <td>ietnam</td>
                    <td>VBS新闻食尚</td>
                </tr>
                <tr>
                    <td>西贡解放日报</td>
                    <td>中时电子报</td>
                </tr>
                <tr>
                    <td>新加坡眼</td>
                    <td>鳳凰網旅遊</td>
                </tr>
                <tr>
                    <td>狮城新闻</td>
                    <td>新浪網旅遊</td>
                </tr>
                <tr>
                    <td>印度尼西亚星洲日报</td>
                    <td>搜狐旅游</td>
                </tr>
                <tr>
                    <td>国际日报印度尼西亚版</td>
                    <td>人民网旅游</td>
                </tr>
                <tr>
                    <td>印度尼西亚商报</td>
                    <td>界面新闻旅行</td>
                </tr>
                <tr>
                    <td>中国报</td>
                    <td>汽车之家</td>
                </tr>
                <tr>
                    <td>东方日报</td>
                    <td>易车网</td>
                </tr>
                <tr>
                    <td>当今大马</td>
                    <td>澎湃新闻汽车圈</td>
                </tr>
                <tr>
                    <td>诗华日报</td>
                    <td>界面新闻汽车</td>
                </tr>
                <tr>
                    <td>菲龙网</td>
                    <td>凤凰网汽车</td>
                </tr>
                <tr>
                    <td>马尼拉公报</td>
                    <td>中新网汽车</td>
                </tr>
                <tr>
                    <td>菲律宾商报</td>
                    <td>人民网汽车</td>
                </tr>
                <tr>
                    <td>泰国网</td>
                    <td>外国买房网</td>
                </tr>
                <tr>
                    <td>泰国头条新闻</td>
                    <td>安居客</td>
                </tr>
                <tr>
                    <td>泰国华人论坛</td>
                    <td>房天下</td>
                </tr>
                <tr>
                    <td>泰国世界日报</td>
                    <td>外房网</td>
                </tr>
                <tr>
                    <td>雪花新闻综合新闻</td>
                    <td>柬单网房产</td>
                </tr>
                <tr>
                    <td>俄罗斯卫星通讯</td>
                    <td>澎湃新闻地产界</td>
                </tr>
                <tr>
                    <td>美国之音</td>
                    <td>澎湃新闻楼市</td>
                </tr>
                <tr>
                    <td>今日头条</td>
                    <td>界面新闻地产</td>
                </tr>
                <tr>
                    <td>大纪元</td>
                    <td>中华人民共和国外交部</td>
                </tr>
                <tr>
                    <td>VBS新闻网</td>
                    <td>外交動態領導人活動</td>
                </tr>
                <tr>
                    <td>网易新闻</td>
                    <td>外交部长相关新闻</td>
                </tr>
                <tr>
                    <td>6Kr</td>
                    <td>人民网</td>
                </tr>
                <tr>
                    <td>新浪新闻</td>
                    <td>鳳凰網</td>
                </tr>
                <tr>
                    <td>华尔街见闻</td>
                    <td>新闻及时事</td>
                </tr>
                <tr>
                    <td>汉丰网</td>
                    <td>界面新闻</td>
                </tr>
                <tr>
                    <td>中国贸易金融网</td>
                    <td>RESH</td>
                </tr>
                <tr>
                    <td>财经网</td>
                    <td>澎湃新闻</td>
                </tr>
                <tr>
                    <td>金融界</td>
                    <td>多维新闻</td>
                </tr>
                <tr>
                    <td>区块网</td>
                    <td>香港电台网站rthk</td>
                </tr>
                <tr>
                    <td>移动支付网</td>
                    <td>VB无线新闻</td>
                </tr>
                <tr>
                    <td>链头条</td>
                    <td>腾讯新闻</td>
                </tr>
                <tr>
                    <td>中国经济网</td>
                    <td>联合早报</td>
                </tr>
                <tr>
                    <td>新华网</td>
                    <td>纽约时报</td>
                </tr>
                <tr>
                    <td>东方财富网</td>
                    <td>法新社</td>
                </tr>
                <tr>
                    <td>掌驰科技</td>
                    <td>中国新闻网华人新闻</td>
                </tr>
                <tr>
                    <td>花色互娱</td>
                    <td>先驱报</td>
                </tr>
                <tr>
                    <td>游戏葡萄</td>
                    <td>遊艇網</td>
                </tr>
                <tr>
                    <td>环球博讯</td>
                    <td>精艇網</td>
                </tr>
                <tr>
                    <td>博世界</td>
                    <td>海南游艇网</td>
                </tr>
                <tr>
                    <td>网易新闻彩票</td>
                    <td>中艇网</td>
                </tr>
                <tr>
                    <td>大纪元移民</td>
                    <td>海之蓝</td>
                </tr>
            </table>
            <p class="f28">本第三方内容条款，我们有权根据相关法律法规更新或产品运营需要对本文档的内容进行修改、更新，反复查看可获得最新信息。</p>
            <p class="f28 text-right">泛亚资讯运营团队</p>
        </section>
    </div>
</template>

<script>
    import scrollFixed from "../components/scrollFixed.vue";
    import pageBar from "../components/pagebar.vue";
    export default {
        name: "agreement",
        components: {
            [scrollFixed.name]: scrollFixed,
            [pageBar.name]: pageBar
        },

        data() {
            return {
                isApp: this.$utils.app.isApp,
            };
        },

        methods: {

        }
    };
</script>

<style lang="less">
    .agreement-page {
        .color3 {
            color: #333;
        }

        .f28 {
            font-size: 28px;
        }

        .f30 {
            font-size: 30px;
        }

        .f36 {
            font-size: 36px;
        }

        .mb25 {
            margin-bottom: 25px;
        }

        .mb45 {
            margin-bottom: 45px;
        }

        .mt45 {
            margin-top: 45px;
        }

        display: flex;
        flex-direction: column;
        background-color: #fff;
        line-height: 1.5;

        .header-middle {
            font-size: 36px;
            color: #333;
        }
        .text-right {
            text-align: right;
        }
        section {
            padding: 40px 30px 60px 30px;
            background: #f6f6f6;
            overflow-y: auto;

            .title {
                font-weight: 600;
            }

            .introduction {
                font-weight: 500;
            }

            .sub-title {
                font-weight: 500;
            }
        }

        .item {
            display: flex;
            justify-content: flex-start;
            font-size: 28px;

            p {
                display: flex;
                justify-content: flex-start;

                span:last-child {
                    margin-left: 4px;
                }
            }
        }
        table {
            border:1px solid #999;
            text-align: center;
            width:100%;
            margin:20px 0;
            font-size:28px;
            border-spacing: 0;
            border-collapse: collapse;
            td,th {
                border:1px solid #ddd
            }
            td {
                padding:4px 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
        }
    }
</style>